@charset "utf-8";
/* CSS Document */

/*关于我们*/
.index_1{width:100%;overflow:hidden;background:url(../images/bg1.jpg) no-repeat top center;background-size:cover;padding:6vw 0;background-attachment: fixed;}
.index_1 .left{margin-top: 3.375vw;width:36.49382716049383%;position:relative;z-index:33}
.index_1 .left h1{position:relative;color:#00935c;width:800px;}

.index_1 .left .ab_t{margin:1.5em 0em 1.5em 3em}
.index_1 .left .ab_t img{display:inline-block;float:left}
.index_1 .left .ab_t span{display:inline-block;float:righ;font-weight:540;letter-spacing:.8em;margin-left:1em}

.index_1 .left .ab_c p{line-height:2em;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp:4;overflow: hidden;}
.index_1 .right{width: 55.55555555555556%;}
.index_1 .right img{display:block;width:100%; border-radius: 5vw 0;}

.index_1 .right .video {position: relative;overflow: hidden;}
.index_1 .right .video a {z-index: 100;left:45%;right:45%;top: 45%;position: absolute; display: block;width: 48px; height: 48px;background-position: center;background-repeat: no-repeat;background-size: cover;background-image: url(../images/index01.png);}
.about_c .right{width:60%;margin-top:2%;}
@media screen and (max-width:1600px) {
.index_1 .left{width: 38.49382716049383%;}
.index_1 .left .ab_t {margin: 1em 0em 1em 3em;}
}

@media screen and (max-width:1440px) {
.index_1 .left{margin-top: 2.375vw;}
.index_1 .left .ab_c p{-webkit-line-clamp:3;}

}
@media screen and (max-width:1200px) {
.index_1 .left{margin-top: 1.375vw;}
.index_1 .left .ab_t {margin: 0.5em 0em 0 3em;}
.index_1 .left .ab_c p{-webkit-line-clamp:2;}

.index_1 .left .ab_t span{margin-top: 1em;}

}
	
@media screen and (max-width:800px) {
	.index_1 .left{width:100%;    margin-bottom: 1.375vw;    margin-top: 0;}	
.index_1 .right{width: 100%;}
.index_1 .left .ab_t {margin:  0.5em 0em;}	
		
		}
	
/*产品列表*/
.index_2{width:100%;overflow:hidden;background:url(../images/bg2.jpg) no-repeat top center;background-size:cover;padding:6vw 0 3vw 0;background-attachment: fixed;}

.index_2 .pro_c{width:64%;background: url(../images/img04.jpg) no-repeat top center;background-size:cover;margin-left:6%;margin-bottom: 4%;padding:3% 2%;position:relative}
.index_2 .pro_c .pro_img{position:absolute;right:-2em;bottom:-2em;}
.pro_c li{width:25%;float:left;text-align:center;}
.pro_c li a{display:block;padding:2em 0}
.pro_c li a .pic{overflow:hidden;}
.pro_c li a .pic img{transition: all 0.8s ease 0s; -webkit-transition: all 0.8s ease 0s;-moz-transition: all 0.8s ease 0s;-o-transition: all 0.8s ease 0s;}
.pro_c li a:hover .pic img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);}
.pro_c li a:hover{background:#00935c;border-radius:100%;box-shadow:0 0 10px rgb(0 0 0 / 50%);}

.pro_c li a:hover p{color:#fff;}


.pro_t{width:calc(100% - 70%);text-align:right}
.pro_t h1{color:#fff;margin-top:1.5em}
.pro_t p{color:#fff;margin-bottom:0.5em;}
.pro_t small{color:#a3c8b6}

@media screen and (max-width:1440px) {
.pro_c li a{padding:1.75em 0}
}


@media screen and (max-width:1320px) {
.index_2 .pro_c{width:70%;margin-left:0;}	
}

@media screen and (max-width:1100px) {	
.product{position:relative;padding-top:9.5em}
.index_2 .pro_c{width:96%;}
.pro_t{ position:absolute;top:0;right:0; width: calc(100% - 0%);}
.pro_t h1{margin-top:0;}
}

@media screen and (max-width:680px) {	

.pro_c li{width:33.33%;}

}

@media screen and (max-width:500px) {	

.pro_c li{width:50%;}
.index_2 .pro_c{width:100%;}
.index_2 .pro_c .pro_img{display:none;}
.pro_c li a .pic{width:60%;margin:0 auto}
}
@media screen and (max-width:400px) {	
.product{padding-top: 7.5em}

}


/*产品展示*/

.index_3{width:100%;overflow:hidden;padding:5vw 0;}
.index_3 .tit{text-align:center;position:relative}
.index_3 .tit_t{transform:translateY(-65px);-webkit-transform:translateY(-65px);-moz-transform:translateY(-65px)}
.tit .tit_t span{color:#fff;background:#00935c;display:inline-block;padding:0 10px}
.prolist a{display:block;width:100%;height:100%;position:relative;}
.prolist a .pic img{width:100%;}
.prolist a .title {
    position: absolute;
    top: 0;

    left: 0;
    width: 100%;
    height: 100%;
    color: #fff;
    text-align: center;
    z-index: 33;
    background: url(../images/img07.png);
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    transition: all 0.6s ease 0s;
    -webkit-transition: all 0.6s ease 0s;
    -moz-transition: all 0.6s ease 0s;
    -o-transition: all 0.6s ease 0s;
}
.prolist a:hover .title{  transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);}
	
.prolist a .title .des{position:relative}
.prolist a .title .des_tt{
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    text-align: center;
}



/*新闻中心*/

.index_4{width:100%;overflow:hidden;background:url(../images/bg3.jpg) no-repeat top center;background-size:cover;padding:6vw 0;background-attachment: fixed;}

.news .left{width:55.55%;margin-top:5%}
.news .left a{display:block;position:relative}
.news .left .pic{overflow:hidden;}
.news .left .pic img{width:100%;transition: all 0.8s ease 0s; -webkit-transition: all 0.8s ease 0s;-moz-transition: all 0.8s ease 0s;-o-transition: all 0.8s ease 0s;}
.news .left a:hover .pic img{transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);}
.news .left .des{padding:3% 8%;overflow:hidden;position:absolute;bottom:0;width:100%;left:0;background:url(../images/img09.png);}
.news .left .des h1{color:#fff;margin-bottom:2%;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 1;overflow: hidden;}
.news .left .des p{color:#c1c1c0;line-height:24px;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 2;overflow: hidden;}
.news .left a:hover h1{color:#00935c}
.news .right{width:calc(100% - 60%);}
.news .new_t{text-align:right}
.new_t h1{color:#00935c}
.new_t h1 span{display:block;}
.new_t  p {margin-bottom: 0.5em;}
.new_t  small{color:#a6a7a5}
.news .new_c{margin-top:3em;}

.new_c li{width:100%;border-bottom:1px solid #d8d9d7;padding-bottom:14px;margin-bottom:3%;overflow:hidden;}
.new_c li a{display:block;width:100%;}
.new_c li span:first-child{float:left;position:relative;padding-left:15px;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 1;overflow: hidden;}
.new_c li span:first-child:before{position:absolute;content:"。";left:0;    bottom: 4px;font-size: 22px;color:#00935c}
.new_c li span:last-child{float:right}
.new_c li a:hover span{color:#00935c}

@media screen and (max-width:1440px) {
.news .new_c {margin-top: 2em;}
}

@media screen and (max-width:1200px) {
.news .left{margin-top: 10%;}
}

@media screen and (max-width:1100px) {
.new_t h1 span{display:inline-block}	
}
@media screen and (max-width:900px) {
.news .left{width:100%; margin-top: 0;margin-bottom:5%}	
.news .right{width: calc(100% - 0%);}
.news .left .des{padding:3%}
	}


/*联系我们*/

.index_5{width:100%;overflow:hidden;background:url(../images/bg4.jpg) no-repeat top center;background-size:cover;padding:8vw 0;}

.lx .adv p{text-transform:uppercase;color:#fff}
.lx .adv h1{color:#fff;}
.lx .tel{margin:2% 0 0 6%}
.lx .tel p{color:#fff;display:inline-block;transform:translateY(10px);-webkit-transform:translateY(10px);-moz-transform:translateY(10px);-o-transform:translateY(10px);}
.lx .tel p img{margin-right:20px;}
.lx .tel a{display:inline-block;margin-left:2%;background:#bab88f;color:#fff;padding:1% 3%}
.lx .tel a:hover{background:#00935c}
@media screen and (max-width:1024px) {
.lx .tel a{transform: translateY(10px);-webkit-transform: translateY(10px);-moz-transform: translateY(10px);}
}